﻿/*Header*/
.Tab .ajax__tab_header
{
    color: #4682b4;
    font-family: Calibri;
    font-size: 14px;
    font-weight: bold;
    background-color: #ffffff;
    margin-left: 0px;
}
/*Body*/
.Tab .ajax__tab_body
{
    border: 1px solid #b4cbdf;
    padding-top: 0px;
}
/*Tab Active*/
.Tab .ajax__tab_active .ajax__tab_tab
{
    color: #ffffff;
    background: url("../images/tab_active.gif") repeat-x;
    height: 20px;
}

.Tab .ajax__tab_active .ajax__tab_inner
{
    color: #ffffff;
    background: url("../images/tab_left_active.gif") no-repeat left;
    padding-left: 10px;
}

.Tab .ajax__tab_active .ajax__tab_outer
{
    color: #ffffff;
    background: url("../images/tab_right_active.gif") no-repeat right;
    padding-right: 6px;
}
/*Tab Hover*/
.Tab .ajax__tab_hover .ajax__tab_tab
{
    color: #000000;
    background: url("../images/tab_hover.gif") repeat-x;
    height: 20px;
}

.Tab .ajax__tab_hover .ajax__tab_inner
{
    color: #000000;
    background: url("../images/tab_left_hover.gif") no-repeat left;
    padding-left: 10px;
}

.Tab .ajax__tab_hover .ajax__tab_outer
{
    color: #000000;
    background: url("../images/tab_right_hover.gif") no-repeat right;
    padding-right: 6px;
}
/*Tab Inactive*/
.Tab .ajax__tab_tab
{
    color: #666666;
    background: url("../images/tab_Inactive.gif") repeat-x;
    height: 20px;
}

.Tab .ajax__tab_inner
{
    color: #666666;
    background: url("../images/tab_left_inactive.gif") no-repeat left;
    padding-left: 10px;
}

.Tab .ajax__tab_outer
{
    color: #666666;
    background: url("../images/tab_right_inactive.gif") no-repeat right;
    padding-right: 6px;
    margin-right: 2px;
}



.Menu
{
    padding-left: 20px;
}

    .Menu ul
    {
        list-style: none;
        margin: 0px;
        padding: 0px;
        width: auto;
    }

    .Menu li
    {
        width: auto;
        min-width: 155px;
    }

    .Menu ul li a
    {
        border-top: 1px solid #96d1f8;
        border-left: 1px solid #96d1f8;
        background: #65a9d7;
        background: -webkit-gradient(linear, left top, left bottom, from(#28597a), to(#65a9d7));
        background: -webkit-linear-gradient(top, #28597a, #65a9d7);
        background: -moz-linear-gradient(top, #28597a, #65a9d7);
        background: -ms-linear-gradient(top, #28597a, #65a9d7);
        background: -o-linear-gradient(top, #28597a, #65a9d7);
        color: #dde4ec;
        display: block;
        line-height: 1.35em;
        padding: 4px 20px;
        text-decoration: none;
        white-space: nowrap;
        /*border-radius: 5px;*/
    }

    .Menu ul li:first-child a
    {
        border-top: 1px solid #96d1f8;
        border-left: 1px solid #96d1f8;
        background: #65a9d7;
        background: -webkit-gradient(linear, left top, left bottom, from(#28597a), to(#65a9d7));
        background: -webkit-linear-gradient(top, #28597a, #65a9d7);
        background: -moz-linear-gradient(top, #28597a, #65a9d7);
        background: -ms-linear-gradient(top, #28597a, #65a9d7);
        background: -o-linear-gradient(top, #28597a, #65a9d7);
        color: #dde4ec;
        display: block;
        line-height: 1.35em;
        padding: 4px 20px;
        text-decoration: none;
        white-space: nowrap;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    .Menu ul li:last-child a
    {
        border-top: 1px solid #96d1f8;
        border-left: 1px solid #96d1f8;
        background: #65a9d7;
        background: -webkit-gradient(linear, left top, left bottom, from(#28597a), to(#65a9d7));
        background: -webkit-linear-gradient(top, #28597a, #65a9d7);
        background: -moz-linear-gradient(top, #28597a, #65a9d7);
        background: -ms-linear-gradient(top, #28597a, #65a9d7);
        background: -o-linear-gradient(top, #28597a, #65a9d7);
        color: #dde4ec;
        display: block;
        line-height: 1.35em;
        padding: 4px 20px;
        text-decoration: none;
        white-space: nowrap;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

        .Menu ul li a:hover
        {
            border-top: 1px solid #96d1f8;
            background: #65a9d7;
            background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#28597a));
            background: -webkit-linear-gradient(top, #65a9d7, #28597a);
            background: -moz-linear-gradient(top, #65a9d7, #28597a);
            background: -ms-linear-gradient(top, #65a9d7, #28597a);
            background: -o-linear-gradient(top, #65a9d7, #28597a);
            color: #ccc;
        }

/* Estilos para el cuerpo de la página*/


#main
{
    /*left:2px;*/
    background: #2E5E79;
    min-width: 1100px;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 10px;
    border-radius: 10px;
    height: auto;
    /*top:10px;
    position:fixed;*/
    /*min-height: 98%;*/
}

#header
{
    height: 90px;
    background: transparent;
}

#logo
{
    float: left;
    width: auto;
    height: auto;
}

#logininfo
{
    float: right;
    width: auto;
    margin-right: 15px;
    margin-top: 15px;
}

#body
{
    width: 97%;
    background: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
    border-radius: 15px;
    margin-top: 20px;
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    /*min-height:75%;
    padding-bottom:20px;
    overflow:scroll;
    overflow-x:hidden;*/ /* atributo para el scroll de la div*/
}

#Image1
{
    margin-top: 10px;
}

#Footer
{
    color: #FFFFFF;
    margin-left: 15px;
    height: 20px;
    /*position:absolute;
    bottom:0;*/
}

body, html
{
    margin: 0;
    padding: 0;
    /*height: 100%;*/ /* atributo para el scroll de la div*/
}


body
{
    font-family: Calibri;
    font-size: 12px;
    padding-bottom: 20px;
}

#BusqUsuarios
{
    margin-top: 15px;
}

.titulos
{
    font-size: 18px;
    color: #000000;
    font-weight: bold;
    text-align: center;
}

.titulos2
{
    font-size: 14px;
    color: #000000;
    font-weight: bold;
    text-align: center;
}

/* Estilos de Gridview */


.Gridview
{
    width: 99%;
    background-color: #FAFAFA;
    text-align: left;
    font-family: Trebuchet MS;
    font-size: 12px;
    margin: 5px;
}

.GridviewAlt
{
    background-color: #E9E9E9;
    text-align: left;
    font-family: Trebuchet MS;
    font-size: 12px;
}


.HeaderFooterGridview
{
    background-color: #A9A9A9;
    color: #F7F6F3;
    background-repeat: repeat;
    text-align: left;
    font-family: Trebuchet MS;
    font-size: 14px;
}

.HeaderGridviewGrey
{
    background-color: #E7E3DA;
    text-align: left;
    font-family: Trebuchet MS;
    font-size: 12px;
}


.PagerColor
{
    background-color: #FAFAFA;
    color: #0066FF;
}

.divContent
{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    border-radius: 10px;
    border: solid 1px;
    border-color: #C0C0C0;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-top: 15px;
    overflow: hidden;
}

.divContent2
{
    width: 50%;
    margin-right: 20px;
    margin-bottom: 15px;
    border-radius: 10px;
    border: solid 1px;
    border-color: #C0C0C0;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-top: 15px;
    /*overflow: hidden;*/
    float: right;
}

/*.Title
{
    margin-left:auto;
    margin-right:auto;
    font-size:18px;
    color:#000000;
    font-weight:bold;
    margin-top:15px;
}*/

.Tab
{
    margin-left: auto;
    margin-right: auto;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    padding-bottom: 20px;
}

.tabMovimiento
{
    width: 80%;
}

    .tabMovimiento td
    {
        text-align: left;
    }

    .tabMovimiento .central
    {
        width: 40px;
    }


.validatorCalloutHighlight
{
    border: solid 2px white;
    background-color: #ADD8E6;
}

.validatorCallout div, .validatorCallout td
{
    border: solid 1px #2E5E79;
    background-color: #FFFFCC;
    color: Red;
}


.modalBackground
{
    background-color: #6295A3;
    filter: alpha(opacity=95);
    opacity: .95;
}

.modalPopup
{
    background-color: #FAFAFA;
    filter: alpha(opacity=90);
    opacity: 0.9;
    border-width: 3px;
    border-style: solid;
    border-color: #137A97;
    padding: 3px;
}

.muypobre
{
    color: red;
}

.pobre
{
    color: orange;
}

.promedio
{
    color: #e4df11;
}

.fuerte
{
    color: #24ee0d;
}

.excelente
{
    color: blue;
}

.fondo
{
    background-color: Red;
    color: white;
}

/* Login CSS */

.loginTable
{
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    border-radius: 15px;
    background-color: #FFFFFF;
    margin-top: 2.5%;
    min-height: 300px;
    min-width: 300px;
    box-shadow: 10px 10px 5px #000000;
    padding-bottom:10px;
}

.celdaCentrar
{
    text-align: center;
}

.header
{
    text-align: left;
}

.loginBody
{
    background-color: #2E5E79;
    width: 100%;
}

.form2
{
    width: auto;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
}

/*.form2 table
{
	width:80%;
	padding-top:20px;
}*/


.celdaLabel
{
    width: 20%;
    text-align: right;
}

.cajaTexto
{
    border: 1px solid #c4c4c4;
    width: 180px;
    height: 30px;
    font-size: 13px;
    padding: 4px 4px 4px 4px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0px 0px 8px #d9d9d9;
    -moz-box-shadow: 0px 0px 8px #d9d9d9;
    -webkit-box-shadow: 0px 0px 8px #d9d9d9;
}

    .cajaTexto:focus
    {
        outline: none;
        border: 1px solid #7bc1f7;
        box-shadow: 0px 0px 8px #7bc1f7;
        -moz-box-shadow: 0px 0px 8px #7bc1f7;
        -webkit-box-shadow: 0px 0px 8px #7bc1f7;
    }


.cajaTexto2
{
    border: 1px solid #c4c4c4;
    width: 180px;
    height: 15px;
    font-size: 13px;
    padding: 4px 4px 4px 4px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0px 0px 8px #d9d9d9;
    -moz-box-shadow: 0px 0px 8px #d9d9d9;
    -webkit-box-shadow: 0px 0px 8px #d9d9d9;
}

    .cajaTexto2:focus
    {
        outline: none;
        border: 1px solid #7bc1f7;
        box-shadow: 0px 0px 8px #7bc1f7;
        -moz-box-shadow: 0px 0px 8px #7bc1f7;
        -webkit-box-shadow: 0px 0px 8px #7bc1f7;
    }

/* Clases para los botones */

.button
{
    font-family: Calibri, Arial, Helvetica, sans-serif;
    height: 25px;
    font-size: 14px;
    color: #ffffff;
    padding: 5px 14px;
    background: -moz-linear-gradient( top, #ff8400 0%, #ff8400 );
    background: -webkit-gradient( linear, left top, left bottom, from(#ff8400 ), to(#ff8400 ));
    background: #ff8400;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 0px solid #2ea100;
    -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0), inset 0px 0px 3px rgba(255,255,255,0);
    -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0), inset 0px 0px 3px rgba(255,255,255,0);
    box-shadow: 0px 1px 3px rgba(000,000,000,0), inset 0px 0px 3px rgba(255,255,255,0);
    text-shadow: 0px -1px 0px rgba(000,000,000,0), 0px 1px 0px rgba(255,255,255,0);
    padding-bottom:10px;
    vertical-align:central;
}

    .button:hover
    {
        background: #ff6f04;
        color: #FFFFFF;
    }

.button2
{
    font-family: Calibri;
    color: #fcf7fc;
    font-size: 12px;
    padding: 5px;
    width: 100px;
    text-decoration: none;
    border-radius: 28px;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    -webkit-box-shadow: 0px 1px 3px #757375;
    -moz-box-shadow: 0px 1px 3px #757375;
    text-shadow: 1px 1px 1px #666666;
    border: solid #ed7700 2px;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#ff8200), to(#ff8200));
    background: -moz-linear-gradient(top, #ff8200, #ff8200);
    background: #ff8200;
    /*-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#50667C, endColorStr=#50667C);*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#ff8200, endColorStr=#ff8200);
    display: inline-block; /* IE is so silly */
}

    .button2:hover
    {
        background: #ffa347;
    }

.logout
{
    color: white;
    /*text-decoration: none;*/
}

.forgot
{
    margin-top: 10%;
    float: right;
    margin-right: 10px;
}

.forgot2
{
    margin-top: 7%;
    float: right;
    margin-right: 10px;
}

.logo
{
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    text-align: center;
    padding-top: 20px;
}

.tablaBusqueda
{
    width: 85%;
    /*border: 1px solid #000000;*/
    margin-left: 2%;
    margin-right: auto;
    float: left;
}

    /*.tablaBusqueda td
    {
        border: 1px solid #000000;
    }*/

    .tablaBusqueda .celtaTitulo
    {
        text-align: left;
    }

.search
{
    width: 32px;
    height: 32px;
    float: left;
}

.tablaDatosUsuario
{
    margin-left: auto;
    margin-right: auto;
    /*border: 1px solid #000000;*/
}

/*.tablaDatosUsuario td
    {
        border: 1px solid #000000;
    }*/

.btnDatosUsuario
{
    margin-left: 92px;
    padding-bottom: 5px;
}

.tablas
{
    overflow: hidden;
}

.tabla1
{
    margin-left: 20px;
    float: left;
    width: 40%;
    margin-top: 20px;
    text-align: center;
}

.tabla2
{
    margin-top: 20px;
    margin-right: 5%;
    float: right;
    width: 50%;
}

.link
{
    margin-left: auto;
    margin-right: auto;
    width: 400px;
    text-align: center;
}

    .link a:link
    {
        color: white;
        text-decoration: none;
    }

.lblDefault
{
    font-size: xx-large;
    text-align: center;
}

.vAlign
{
    text-align: left;
    vertical-align: top;
}

.labell
{
    font-size: 12px;
}

#filtrosConsulta
{
    margin-bottom: 20px;
    width: 950px;
    padding-bottom: 20px;
    text-align: left;
}

#campos
{
    width: 745px;
    float: left;
}

#boton
{
    width: 45px;
    float: right;
}

#lista
{
    width: 120px;
    float: left;
}

.lblCliente
{
    text-align: left;
}
.modal 
{
       background-color:black;
       opacity:0.5;
}

.celdaCatalogos1
{
    width: 200px;
}

.celdaGrids
{
    vertical-align: top;
    width:65%;
}

.popUpStyle
 {
        font: normal 11px auto "Trebuchet MS", Verdana;   
        background-color: #ffffff;
        color: #4f6b72; 
        padding:6px;     
        filter: alpha(opacity=80);
        opacity: 0.8;
 }
  
 .drag
 {
         background-color: #dddddd;
         cursor: move;
         border:solid 1px gray ;
 }